@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p{margin:0px;padding:0px;}
ol,ul{list-style:none; font-family:"微软雅黑"}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
a{color:#6EAFD7;text-decoration:none;}
a:hover{color: #036;text-decoration:none;}
.clear{clear:both;height:0;overflow:hidden;display:block;}
.flo{ float:left}
.p_r{ position:relative; width:100%}
.p_a{ position:absolute}
body{ font-family:"微软雅黑"}

.w_1000{ margin:0 auto; width:1000px; overflow:hidden}
.w_710{ width:710px}
.w_700{ width:700px}
.w_870{  margin:0 auto; width:870px}
.w_750{ width:750px}
.w_490{ width:490px}
.w_380{ width:380px}
.w_350{ margin:0 auto; width:350px}
.w_300{ width:300px}
.w_290{ width:290px}
.w_280{ width:280px}
.w_250{ width:250px}

.h_98{ height:98px}

.mar_t85{ margin-top:85px}
.p_t135{ padding-top:124px}

.tel{ background:url(../../images/tel_bj.jpg) no-repeat left bottom; padding-top:20px; height:60px; padding-left:75px; line-height:60px; font-size:24px; color: #0992e2;}
.nav_bj{ background:#23282b; height:50px; line-height:50px; border-bottom:1px #FFFFFF solid;}
.nav{ text-align:center}
.nav a{ padding-left:35px; padding-right:35px; color:#FFF; font-size:14px}

.about_bj{ position:absolute; width:100%; top:364px; z-index:9; height:367px; background:url(../../images/about_bj.png) no-repeat top center }
.about_bj h3{ color:#FFF; font-size:30px}
.about_con{ margin-top:24px; color:#FFF; font-size:14px; line-height:20px; height:100px; overflow:hidden}
.bj{ background:url(../../images/index_02.jpg) no-repeat center  125px }

.pr_tit{ position:relative; background:#23282b; padding-top:30px; height:156px; font-size:30px; color:#FFF; text-align:center}
.pr_tit a{ position:absolute; bottom:10px; left:15%; display:block; margin:10px auto; width:70%;  color:#FFF;  background:#0d80bf; font-size:14px}

.pr_list ul li{ float:left; margin-left:5px; width:245px; height:60px; line-height:60px; background:#23282b; margin-bottom:3px; text-align:center }
.pr_list ul li:hover{ background: #09488d}
.pr_list ul li a{ font-size: 14px; color:#FFF}

.tit{ height:70px; line-height:70px; font-size:30px; color:#333; background:url(../../images/tel_bj.png) no-repeat center center; text-align:center}
.news{ width:1040px;  }
.news dl{ float:left; width:470px; margin-right:50px; border-bottom:1px #666666 dashed; margin-bottom:8px;}
.news dl:hover{ background:#09488d}
.news dl:hover dd{ color:#FFF}
.news dl dt{ height:36px; line-height:36px; background:#09488d; text-indent:20px;}
.news dl a{ color:#FFF}
.news dl dd{ width:90%; margin:10px auto; font-size:12px; color:#666; line-height:20px; height:60px; overflow:hidden}

.case_bj{ height:428px; background: url(../../images/foot_bj.jpg) bottom center no-repeat }
.case img{ width:240px; border:1px #000000 solid; margin-left:3px; margin-right:3px }

.contact_tit{ margin-top:30px; color:#FFF; font-size:30px; height:70px; line-height:70px;}
.contact_con{ font-size:14px; color:#FFF; line-height:20px; height:160px; overflow:hidden}

#footer{ background:#23282b; text-align:center; line-height:24px; color:#CCC; font-size:12px; padding-bottom:20px; padding-top:10px}
#footer img{ margin:14px auto;}
#footer a{ color:#fff}

/************* 首页滚动**************************************************************************************************************/
#demo{OVERFLOW: hidden; margin:0 auto; WIDTH: 1000px; height:380px; }
#indemo{ width:2600px; height:200px;}
#marquePic1,#marquePic2{ width:1110px; height:380px; float:left;}
#marquePic1{ }

.product_in{ margin-top:6px; margin-bottom:15px; padding-bottom:12px; padding-top:12px;}
.product_box{ width:1110px; height:420px }
.product_box ul li{ float:left; width: 222px; height:190px; overflow: hidden;  background:  url(../../images/prod_bj02.jpg) center bottom no-repeat; text-align:center}
.product_box ul li:hover{ background:#F0F0F0}
.product_box ul li img{margin:5px auto; width:190px; height:143px; border:1px #999999 solid; padding:2px}
.product_box ul li a{ color:#333; font-size:12px}


/************* 首页滚动**************************************************************************************************************/

/************* 新闻内页 **************************************************************************************************************/

.m_bottom{ margin-bottom:15px;}
.tit03{margin-top:14px; height:40px; line-height:40px; text-align: left; text-indent:95px;  color:#FFF; font-size:18px; font-family:"微软雅黑"; background:#23282b}

.tit04{ margin-top:14px; margin-bottom:12px; padding-left:20px; height:40px; line-height:40px; font-family:"微软雅黑";font-size:18px;   border-bottom:1px #999999 solid}
.tit04 span{ float:right; color:#333; font-size:12px; font-weight:normal}
.tit04 span a{ color:#900}

.leftnav{ margin-bottom:20px;  }
.leftnav ul{margin:0px auto; width:100%; }
.leftnav ul li{height:36px; margin-bottom:2px; line-height:36px;font-size:14px; font-weight:bold; text-align: left; text-indent:70px; border-bottom: solid 2px #09488d; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,fcfcfc+100 */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(252,252,252,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(252,252,252,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(252,252,252,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(252,252,252,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(252,252,252,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
copy  }
.leftnav ul li a{ color:#09488d}
.leftnav ul li a:hover{ color:#900}

.ContactUs{ margin-bottom:10px; }
.ContactUs ul{ margin:12px auto; width:90%; line-height:22px; font-size:14px   }

.newslist{ margin:0 auto; width:90%;  }
.newslist dl{  border-bottom:1px #666666 dashed; margin-bottom:8px;}
.newslist dl dt{ height:36px; line-height:36px; background: #EFEFEF; text-indent:20px; border-bottom:1px #003399 solid}
.newslist dl dt a{ color: #333}
.newslist dl dt span{ float:right; padding-right:20px; color:#036; font-size:12px}
.newslist dl dd{ width:90%; margin:10px auto; font-size:12px; color:#666; line-height:20px; height:40px; overflow:hidden}

.contact{ margin:15px auto; width:94%; line-height:22px; font-family:"微软雅黑"; font-size:14px}
.newslist dl:hover{ background: #EFEFEF;}

/************* 内页共用 **************************************************************************************************************/

.title{ margin:15px auto; width:94%; font-size:14px; font-weight:bold; color:#333; height:40px; border-bottom:1px #FFF dashed; line-height:20px; text-align:center}
.title span{ font-size:12px; font-weight:normal; color: #a69b7c;}
.page{ margin-bottom:5px; text-align:right}
.page a{ padding:3px; background:#eaeaea; border:1px #e5e5e5 solid; color: #999}

.gjc{margin:5px auto; width:94%;  line-height:24px; font-size:12px;}
.gjc a{ color:#900}
.gjc span{ color:#afa891}

.next{margin:5px auto; width:94%;  line-height:24px; font-size:12px;}
.next a{ color:#8e8770}

/************* 产品内页 **************************************************************************************************************/

.Productlist{ margin:15px auto; width:90%; }
.Productlist ul{ margin:0px auto  }
.Productlist ul li{ float:left; width: 206px; height:190px; overflow: hidden;  background:  url(../../images/prod_bj02.jpg) center bottom no-repeat; text-align:center}
.Productlist ul li img{ margin:5px auto; width:190px; height:143px;}
.Productlist ul li a{ color:#333}
.Product_img{margin:5px auto; width:94%; text-align:center}
.Product_img img{ width:300px; height:226px;}